﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>fullPage-02背景演示</title>
    <style>
    .section1 {
        background: url("../Images/fullpage1.jpg") 200%;
    }
    
    .section2 {
        background: url("../Images/fullpage2.jpg") 50%;
    }
    
    .section3 {
        background: url("../Images/fullpage3.jpg") 50%;
    }
    
    .section4 {
        background: url("../Images/fullpage4.jpg") 50%;
    }
    </style>
    <link rel="stylesheet" href="../Css/jquery.fullpage.css">
    <script src="../Scripts/jquery-1.12.2.min.js"></script>
    <script src="../Scripts/jquery.fullpage.js"></script>
    <script>
    $(function() {
        $("#fullPage").fullpage();
    })
    </script>
</head>

<body>
    <div id="fullPage">
        <div class="section section1"></div>
        <div class="section section2"></div>
        <div class="section section3"></div>
        <div class="section section4"></div>
    </div>
</body>

</html>
